Unity and variety in UX design UX 中的一致性與變化
什麼是統一性（Unity）？
統一性是指設計中的各個元素是否協調、整體是否有條理地傳達一個明確的資訊。
- 使用一致的色彩方案
- 選擇互補的字型組合
- 保持元素間的間距一致
- 保持元件的風格協調
示例：
在狗狗遛狗應用的主頁 mockup 中，整體採用了統一的橙色主題、按鈕風格一致，間距也統一，整個頁面清晰、易懂、令人舒適。
什麼是多樣性（Variety）？
多樣性是透過變換元素的形式來打破單調，讓設計更加有活力、有趣味。
- 不同顏色
- 不同形狀
- 使用紋理、圖案
- 字型的風格或粗細變化
示例：
在同一個新聞應用中，大多數新聞條目為黑字白底，而“突發新聞”可能使用紅色或黃色背景，以此打破一致性，引起關注。
在狗狗遛狗 app 中，主按鈕“選擇時間”使用了亮橙色，與其他灰白色背景形成對比，吸引使用者點選。
Unity + Variety = 設計平衡
統一與多樣並不是對立的，它們應該互補使用。
| 情況 | 應用示例 |
|---|---|
| 過度統一 | 頁面無趣、資訊缺乏重點 |
| 過度多樣 | 頁面雜亂、使用者無法聚焦 |
| 恰當平衡 | 設計既有結構感，又有視覺引導 |
設計階段的不同關注點
低保真線框圖（lo-fi wireframes）：關注功能佈局，通常為黑白，佔位符形式。此階段不強調視覺統一或多樣。
高保真 mockup 階段：注重顏色、字型、影象、風格的統一與多樣性，增強使用者體驗。
設計師思考問題清單（Mockup 階段）
- 我的色彩使用是否一致並有目的？
- 我選擇的字型是否互相匹配？
- 我的設計是否有足夠的變化來吸引使用者？
- 有沒有視覺線索能引導使用者行動（例如點選按鈕）？